<!DOCTYPE HTML>
<html>
<head>
<title>HTML5实现拖拽操作</title>
<meta charset="utf-8"/>
<style>
.album
{
border: 3px dashed #ccc;
float: left;
margin: 10px;
min-height: 100px;
padding: 10px;
width: 220px;
}
img{
	width: 100px;
	height: 100px;
}
</style>
</head>
<body>
<div id="info">
<h2>温馨提示：可将照片直接拖到垃圾箱中</h2>
</div>
<div id="album" class="album">
<h2>相册</h2>
<img draggable="true" id="img1" src="cat2.jpg" />
<img draggable="true" id="img2" src="cat2.jpg" />
<img draggable="true" id="img3" src="cat2.jpg" />
</div>
<div id="trash" class="album">
<h2>垃圾箱</h2>
</div>
<br/>
<script type="text/javascript" src="lajixiang.js"></script>
</body>
</html>